﻿<!DOCTYPE html>
<html dir="RTL">
<head>
    <link rel="stylesheet" type="text/css" href="stylesheet.css"/>
    <script type="text/javascript" src="jquery-1.7.2.js"></script>
</head>
<body>
<h1>
    تسجيل الدخول
</h1>
<br/>

<form id="login" action="">
    <table>
        <tr>
            <td>
                <label>اسم المستخدم</label>
            </td>
            <td>
                <input id="username" type="text"/>
            </td>
        </tr>
        <tr>
            <td>
                <label>كلمة المرور</label>
            </td>
            <td>
                <input id="password" type="password"/>
            </td>
        </tr>
        <tr>

            <td>
                <input type="submit" id="submit" value="تسجيل الدخول"/>
            </td>
            <td><button type="button" id="register">حساب جديد </button></td>
        </tr>
    </table>
</form>

<script type="text/javascript">
    $(document).ready(function () {
        $("#login").submit(function (event) {
            event.preventDefault();
            if ($("#username").val() === "testuser" && $("#password").val() === "1234") {
                window.location = "main.html";
            }
            else {
                alert("تأكد من صحة اسم المستخدم و كلمة المرور");
            }
            return false;
        });
        $(document).on("click", "#register", function ()
        {
            window.location = "signup.html";
        });
    });
</script>
</body>
</html>